.maxBox {
    width: 1920px;
    height: 1080px;
    display: flex;
    flex-direction: column;
    position: relative;

    .black11 {
        position: absolute;
        width: 1920px;
        height: 239px !important;
        background-color: #000000;
        z-index: 0;
    }

    .black22 {
        position: absolute;
        top: 230px;
        left: 495px;
        width: 1920px;
        height: 544px !important;
        background-color: #000000;
        z-index: 0;
    }

    .black33 {
        position: absolute;
        top: 699px;
        width: 1920px;
        height: 444px !important;
        background-color: #000000;
        z-index: 0;
    }

    .maxBox-top {
        width: 100%;
        height: 13.5%;
        display: flex;
        // justify-content: space-between;
        z-index: 5;

        .top-left {
            // width: 50%;
            width: 21%;
            height: 100%;

            .left-item {
                display: flex;
                margin-bottom: 5px;

                .gui-name {
                    width: 200px;
                    height: 70px;
                    background-color: #151515;
                    color: #ffffff;
                    font-size: 22px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 5px;
                }
            }

        }

        .top-right {
            width: 44%;
            height: 100%;
            display: flex;

            .top-right-left {
                width: 360px;
                height: 100%;
                background-color: #151515;
                margin-right: 5px;

                .left-title {
                    color: #ffffff;
                    font-size: 16px;
                }

                .wenChart-box {
                    // position: relative;
                    // width: 220px;
                    // height: 100%;
                    // width: 365px;
                    height: 200px;
                    // background: #151515;
                    margin-left: 10px;
                    position: relative;
                }
            }

            .top-right-right {
                display: flex;
                flex-wrap: wrap;

                .right-item {
                    width: 202.6px;
                    height: 70px;
                    background-color: #151515;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    margin-right: 5px;
                    margin-bottom: 5px;

                    .item-1 {
                        color: #ffffff;
                        font-size: 18px;
                    }

                    .item-2 {
                        color: #878787;
                        font-size: 30px;
                        font-weight: bold;
                    }
                }
            }
        }
    }

    .maxBox-middle {
        width: 100%;
        height: 52.5%;
        display: flex;
        // justify-content: space-between;
        z-index: 5;

        .middle-left {
            width: 25%;
            height: 100%;

            .threeleft-top {
                width: 100%;
                height: 80px;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #151515;
                font-size: 28px;
                margin-top: 10px;

                .top-title {
                    color: #ffffff;
                    font-size: 24px;
                }
            }

            .threeleft-bom-img {
                width: 100%;
                margin-top: 5px;
                height: 460px;
                background-color: #151515;
                background-image: url("@/assets/pds_shebei/danxiantu.png");
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }

            .threeleft-bom {
                width: 100%;
                margin-top: 5px;
                height: 460px;
            }
        }

        .middle-midd {
            width: 50%;
            height: 100%;
        }

        .middle-right {
            margin-top: 10px;
            margin-left: 15px;
            width: 40%;
            height: 100%;
            // background-color: antiquewhite;

            .rightMaxItem {
                width: 100%;
                height: 87px;
                display: flex;
                margin-bottom: 4px;

                .rigleft {
                    margin-right: 2px;
                }

                .minitem {
                    background: #151515;
                    width: 180px;
                    height: 100%;
                    color: #cddc39;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 120%;
                    font-weight: 400;
                    padding: 3px;
                    box-sizing: border-box;
                }

                .numRight {
                    width: 186px;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;

                    .numRight-top {
                        background: #151515;
                        width: 100%;
                        height: 33px;
                        line-height: 39px;
                        text-align: center;
                        font-size: 1.2em;
                        letter-spacing: 2px;
                        color: #888888;
                    }

                    .numRight-bom {
                        background: #151515;
                        width: 100%;
                        height: 53px;
                        line-height: 56px;
                        text-align: center;
                        color: #888888;
                        font-size: 1.6em;
                        font-weight: bold;
                    }
                }

            }
        }
    }

    .maxBox-bom {
        width: 100%;
        height: 30%;
        z-index: 5;

        // background-color: rgb(31, 23, 189);
        .minTitle {
            color: #ffffff;
            width: 100%;
            text-align: left;
            letter-spacing: 3px;
            font-weight: bold;
        }

        .huanJinData {
            display: flex;
            flex-wrap: wrap;
            width: 65%;

            .huanItem {
                width: 149.31px;
                height: 57px;
                background-color: #151515;
                color: #ffffff;
                font-size: 18px;
                flex-wrap: wrap;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                margin-right: 5px;
                margin-bottom: 5px;

                .huanItem-name {
                    font-size: 16px;
                }

            }
        }
    }
}


.chartDomcL {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pdsbutton {
    cursor: pointer;
}

.selectXia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    min-width: 80px;
    color: rgba(255, 255, 255, 0.9);
}